'use client'

interface ErrorProps {
  statusCode?: number 
  message?: string
}

const ErrorUI: React.FC<ErrorProps> = ({ statusCode, message }) => {
  return (
    <div className="flex flex-col justify-center items-center p-4">
      <h1 className="text-center text-9xl font-bold text-red-600">
        {statusCode || 'Error'}
      </h1>
      <p className="text-center text-xl mt-4">{message}</p>
    </div>
  )
}

export default ErrorUI
